<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link rel="shortcut icon" type="image/x-ico" href="favicon.ico" />
<title>Grêmio Dock - emanuelespies.es</title> 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/interface.js"></script> 
<script type="text/javascript" src="js/config.js"></script> 
<script type="text/javascript" src="js/abrirFechar.js"></script>
<script type="text/javascript" src="js/caixasDinamicas.js"></script>

<link href="css/_reset.css" type="text/css" rel="stylesheet" />
<link href="css/portlets.css" type="text/css" rel="stylesheet" />

<script type="text/javascript">
function addFav(){
    var url      = "http://www.emanuelespies.es/gremiodock/";
    var title    = "Gremio Dock";
    if (window.sidebar) window.sidebar.addPanel(title, url,"");
    else if(window.opera && window.print){
        var mbm = document.createElement('a');
        mbm.setAttribute('rel','sidebar');
        mbm.setAttribute('href',url);
        mbm.setAttribute('title',title);
        mbm.click();
    }
    else if(document.all){window.external.AddFavorite(url, title);}
}


 $(document).ready(function(){
	$('div.sobre>div').hide();
	$('div.sobre h2').click(function(){
		$('div.sobre div.text').slideToggle();
	});
	$('div.sobre h3').click(function(){
		$('div.sobre #add').slideToggle();
	});
	
	
 })
</script>


</head> 
<body> 
<div id="principal"> 
	<div id="header"> 
		<div class="sobre">
			
			<div id="add">
				<ul class="icons">
					<li>
						<a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://grem.io/dock');" href="#" class="replace home" title="Definir como Home Page">
						Clique para definir como Home Page
						</a>
					</li>
					<li>
						<a href="javascript:addFav()" title="Adicionar aos Favoritos" class="fav replace">Adicionar aos Favoritos</a>
					</li>
				</ul>
				<small id="entrar_original">Home Original</small>
				<strong>Escolha quais sites quer exibir:</strong>
			
				<ul>	
					<li onClick="AparecerDivSite();">/site oficial - [gremio.net]</li>
					<li onClick="AparecerDivEncurtador();">/encurtador de url's - [grem.io]</li>
					<li onClick="AparecerDivGlobo();">/notícias publicadas no site da globo - [globo]</li>
					<li onClick="AparecerDivArena();">/saiba tudo sobre o novo projeto do Grêmio - [arena]</li>
					<li onClick="AparecerDivGremioMania();">/loja de produtos oficiais - [gremiomanua]</li>
					<li onClick="AparecerDivTwitter();">/twitter oficial - [twitter]</li>
					<li onClick="AparecerDivBlog();">/blog do grêmio, atualizado por Juliana de Brito - [blog]</li>
					<li onClick="AparecerDivESPN();">/notícias publicadas no site da espn - [espn]</li>
					<li onClick="AparecerDivDucker();">/vídeos e fotos dos jogos - [ducker]</li>
					<li onClick="AparecerDivHoje();">/uma homenagem de fernando leite ao grêmio - [gremiohoje]</li>
					<li onClick="AparecerDivClicrbs();">/notícias publicadas no site do clic - [clic]</li>
					<li onClick="AparecerDivCopero();">/memórias, opiniões, sentimentos. - [gremiocopero]</li>
					<li onClick="AparecerDivFotos();">/a emoção de estar acompanhando os jogos. - [gremiofotos]</li>
					<li onClick="AparecerDivCasa();">/vários rss. - [casadoimortal]</li>
					<li onClick="AparecerDivGrito();">/de imortal para imortal - [gritoimortal]</li>
				</ul>
			</div>
			
			<div class="text">
				Este é um projeto sem fins lucrativos. De <strong>gremista</strong> para <strong>gremista</strong>. Se você tiver sugestões pode entrar em contato por <a href="mailto:emanuelespies@gmail.com" title="emanuelespies@gmail.com">email</a> ou, se quiser fazer
				seu próprio código, pode baixar direto do <a href="http://code.google.com/p/gd5874/" target="_blank" title="link com o código do projeto">google code</a>, apenas lembre de não tirar o box preto dos créditos que está no rodapé.
			</div>
			<h2 class="replace">Sobre o Projeto</h2>
			<h3 class="replace">Configure sua Página</h3>
		</div>
		
		<h1 class="replace">Grêmio Dock</h1>
	</div>
	
	<table cellspacing="0" id="columns"> 
		<tr> 
			<td> 
				<div class="portlet" id="site"> 
					<div class="portlet_topper">
							<a class="toggle">/site oficial</a> <span class="portletCloser" onClick="OcultarDivSite();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://gremio.net" target="_blank" title="Site Oficial">
							<img src="img/img-site.jpg" alt="Site Oficial"/>
						</a>
					</div> 
				</div> 
				<div class="portlet" id="encurtador"> 
					<div class="portlet_topper">
							<a class="toggle">/encurtador de url's</a> <span class="portletCloser" onClick="OcultarDivEncurtador();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://grem.io" target="_blank" title="Encurtador de URLs">
							<img src="img/img-encurtador.jpg" alt="Encurtador de URLs"/>
						</a>
					</div> 
				</div> 
				<div class="portlet" id="globo"> 
					<div class="portlet_topper">
							<a class="toggle">/notícias publicadas no site da globo</a> <span class="portletCloser" onClick="OcultarDivGlobo();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://globoesporte.globo.com/futebol/times/gremio/" target="_blank" title="Globo">
							<img src="img/img-globo.jpg" alt="Globo"/>
						</a>
					</div> 
				</div> 
				
				<div class="portlet close" id="arena"> 
					<div class="portlet_topper">
							<a class="toggle">/saiba tudo sobre o novo projeto do Grêmio</a> <span class="portletCloser" onClick="OcultarDivArena();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://arena.gremio.net" target="_blank" title="Arena">
							<img src="img/img-arena.jpg" alt="Arena"/>
						</a>
					</div> 
				</div> 
				
				<div class="portlet close" id="fotos"> 
					<div class="portlet_topper">
							<a class="toggle">/a emoção de estar acompanhando os jogos</a> <span class="portletCloser" onClick="OcultarDivFotos();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://gremiofotos.com.br/" target="_blank" title="Grêmio Fotos">
							<img src="img/img-fotos.jpg" alt="Grêmio Fotos"/>
						</a>
					</div> 
				</div> 
			</td> 
			<td> 
				<div class="portlet" id="gremiomania"> 
					<div class="portlet_topper">
							<a class="toggle">/loja de produtos oficiais</a> <span class="portletCloser" onClick="OcultarDivGremioMania();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://gremiomania.com.br" target="_blank" title="Loja Oficial">
							<img src="img/img-mania.jpg" alt="Loja Oficial"/>
						</a>
					</div> 
				</div> 
				
				<div class="portlet" id="blog"> 
					<div class="portlet_topper">
							<a class="toggle">/blog do grêmio, atualizado por Juliana de Brito</a><span class="portletCloser" onClick="OcultarDivBlog();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://globoesporte.globo.com/platb/julianadebrito/" target="_blank" title="Blog">
							<img src="img/img-blog.jpg" alt="Blog"/>
						</a>
					</div> 
				</div> 
				
				<div class="portlet" id="espn"> 
					<div class="portlet_topper">
						<a class="toggle">/notícias publicadas no site da espn</a> <span class="portletCloser" onClick="OcultarDivESPN();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://espn.estadao.com.br/gremio" target="_blank" title="ESPN">
							<img src="img/img-espn.jpg" alt="ESPN"/>
						</a>
					</div> 
				</div> 
				
				<div class="portlet close" id="ducker"> 
					<div class="portlet_topper">
						<a class="toggle">/vídeos e fotos dos jogos</a> <span class="portletCloser" onClick="OcultarDivDucker();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://www.ducker.com.br/" target="_blank" title="Ducker">
							<img src="img/img-ducker.jpg" alt="Ducker"/>
						</a>
					</div> 
				</div> 
				
				<div class="portlet close" id="casa"> 
					<div class="portlet_topper">
						<a class="toggle">/vários rss</a><span class="portletCloser" onClick="OcultarDivCasa();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://casadoimortal.com/" target="_blank" title="Casa do Imortal">
							<img src="img/img-casa.jpg" alt="Casa do Imortal"/>
						</a>
					</div> 
				</div> 
			</td> 
			<td> 
				<div class="portlet" id="twitter">
					<div class="portlet_topper">
						<a class="toggle">/twitter oficial</a><span class="portletCloser" onClick="OcultarDivTwitter();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://twitter.com/gremiooficial" target="_blank" title="Twitter Oficial">
							<img src="img/img-twitter.jpg" alt="Twitter Oficial"/>
						</a>
					</div> 
				</div> 
				<div class="portlet" id="hoje"> 
					<div class="portlet_topper">
						<a class="toggle">/uma homenagem de fernando leite ao grêmio</a><span class="portletCloser" onClick="OcultarDivHoje();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://gremiohoje.com.br" target="_blank" title="GremioHoje">
							<img src="img/img-hoje.jpg" alt="GremioHoje"/>
						</a>
					</div> 
				</div> 
				<div class="portlet" id="clicrbs"> 
					<div class="portlet_topper">
						<a class="toggle">/notícias publicadas no site do clic</a><span class="portletCloser" onClick="OcultarDivClicrbs();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://www.clicrbs.com.br/esportes/rs/futebol-gremio/" target="_blank" title="ClicRBS">
							<img src="img/img-clic.jpg" alt="ClicRBS"/>
						</a>
					</div> 
				</div> 
				
				<div class="portlet close" id="copero"> 
					<div class="portlet_topper">
						<a class="toggle">/memórias, opiniões, sentimentos.</a><span class="portletCloser" onClick="OcultarDivCopero();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://www.gremiocopero.com/" target="_blank" title="Grêmio Copero">
							<img src="img/img-copero.jpg" alt="Grêmio Copero"/>
						</a>
					</div> 
				</div> 
				
				<div class="portlet close" id="grito"> 
					<div class="portlet_topper">
						<a class="toggle">/de imortal para imortal</a><span class="portletCloser" onClick="OcultarDivGrito();" >fechar</span>
					</div>
					<div class="portlet_content"> 
						<a href="http://blog.gritoimortal.com.br/" target="_blank" title="Grito Imortal">
							<img src="img/img-grito.jpg" alt="Grito Imortal"/>
						</a>
					</div> 
				</div> 
			</td> 
		</tr> 
	</table><!-- /#columns --> 
	<ul id="footer"> 
		<li>jQuery por <a href="http://ejohn.org/" title="John Resig" target="_blank">John Resig</a> </li>
		<li>cookies por <a href="http://twitter.com/#!/joelcorrea_" title="Joel Correa" target="_blank">Joel Correa</li>
		<li>desenvolvido por <a href="http://emanuelespies.es" title="emanuelespies.es" target="_blank">emanuelespies.es</a> </li>
	</ul><!-- /#footer --> 
	<a href="http://twitter.com/emanuelespies" title="@emanuelespies" target="_blank" class="replace twitter">@emanuelespies</a> 	
</div><!-- /#principal --> 
</body> 
</html>